// 
uni-page-body{
	width: 100%;
	height: 100%;
	font-size: 28rpx;
	color: #333;
	background: #fff;
	font-family: PingFangSC, PingFangSC-Regular;
}
page{
	width: 100%;
	height: 100%;
	background: #FFFFFF;
}

// reset
// 样式截取
.ellipses-one{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ellipses-two{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ellipses-three{
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

// common
.x-wrapper{
}
.x-main-content{
	min-height: 100vh;
	background: #f3f4f9;
}

.x-mini-tag{
	font-size: 16rpx;
	color: #386FFF;
	line-height: 22rpx;
	padding: 0 5rpx;
	background-color: $uni-bg-color-primary;
	border-radius: 16rpx;
	display: inline-block;
	&.yellow{
		background-color: rgba(255, 148, 10, 0.18);
		color: #FF940A;
	}
}

.x-medium-tag{
	font-size: 24rpx;
	color: $uni-color-primary;
	line-height: 40rpx;
	padding: 0 10rpx;
	background-color: $uni-bg-color-primary;
	border-radius: 4rpx;
	display: inline-block;
}

.x-border-tag{
	font-size: 20rpx;
	color: $uni-color-primary;
	line-height: 38rpx;
	padding: 0 10rpx;
	border: 2rpx solid $uni-bg-color-primary;
	box-sizing: border-box;
	border-radius: 6rpx;
	display: inline-block;
}

.x-medium-gray-tag{
	font-size: 22rpx;
	color: $uni-color-666;
	line-height: 40rpx;
	padding: 0 10rpx;
	background-color: rgba(238, 238, 238, 0.58);
	border-radius: 6rpx;
	display: inline-block;
}

.x-mini-gray-tag{
	font-size: 20rpx;
	color: $uni-color-666;
	line-height: 38rpx;
	padding: 0 10rpx;
	background-color: rgba(238, 238, 238, 0.58);
	border-radius: 6rpx;
	display: inline-block;
}

.x-no-data{
	
}
.x-common-more-box{
	
}

.u-modal__content__text {
	text-align: center;
}

.x-common-label{
	display: flex;
	padding: 10rpx 0;
	justify-content: space-between;
	align-items: center;
	.left{
		display: flex;
		align-items: center;
		.label{
			font-size: 32rpx;
			font-weight: 600;
		}
		.info{
			font-size: 20rpx;
			color: $uni-color-999;
			margin-left: 10rpx;
		}
	}
	.r-icon-box{
		display: flex;
		align-items: center;
		.r-txt{
			font-size: 24rpx;
			color: $uni-color-999;
			margin-right: 10rpx;
		}
	}
	.r-icon{
		display: block;
		width: 24rpx;
		height: 24rpx;
	}
}

.x-bottom-box{
	position: fixed;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 99;
}
.x-btn-bottom-box{
	position: fixed;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 9;
	background: #F9F9F9;
}
.x-btn-bottom{
	padding: 30rpx 40rpx;
	background: #fff;
	box-shadow: 0 0 18rpx 0 rgba(0,0,0,0.05);
	display: flex;
	align-items: center;
	.x-input-box{
		padding: 0 40rpx;
		border-radius: 24rpx;
		background: #F4F3FD;
		flex: 1;
		min-width: 0;
		.x-input{
			/deep/ .u-input__content__field-wrapper__field{
				height: 94rpx;
			}
		}
	}
	.x-add-btn{
		width: 80rpx;
		height: 80rpx;
		border-radius: 80rpx;
		margin-left: 20rpx;
	}
}
.x-bottom-files{
	padding: 0 40rpx 30rpx;
	height: 170rpx;
	background: #fff;
	display: flex;
	align-items: center;
	.f-item{
		width: 100rpx;
		height: 140rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		margin-right: 30rpx;
		&:last-child{
			margin-right: 0;
		}
		.f-t-top{
			width: 100rpx;
			height: 100rpx;
			border-radius: 10rpx;
			background: #F4F3FD;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		.f-t-txt{
			font-size: 24rpx;
			color: #666;
			text-align: center;
		}
	}
}
//登录注册
.form-box {
			.form-input {
				position: relative;
				margin-bottom: 30rpx;
				height: 100rpx;
				background: #F5F7FA;
				border-radius: 100rpx;
				padding: 0 40rpx;
                display: flex;
				align-items: center;
				&:last-child {
					margin-bottom: 0;
				}

				.f-input {
					/deep/ .u-input__content__field-wrapper__field {
						height: 100rpx;
						margin-left: 30px !important;
						font-family: PingFangSC-Light, PingFang SC;
					}
				}
			}

			.form-input1 {
				position: relative;
				margin-bottom: 30rpx;
				height: 100rpx;
				background: #F5F7FA;
				border-radius: 100rpx;
				padding: 0 40rpx;
                display: flex;
				align-items: center;
				&:last-child {
					margin-bottom: 0;
				}

				.f-input {
					/deep/ .u-input__content__field-wrapper__field {
						height: 100rpx;
						// margin-left: 8px !important;
						font-family: PingFangSC-Light, PingFang SC;
					}
				}
			}
		}

		.admin {
			width: 16px;
			height: 17px;
			position: absolute;
			// margin-top: -32px;
		}
		.mima {
			width: 15px;
			height: 18px;
			position: absolute;
		}
		.eye_close {
			width: 20px;
			height: 8px;
		}
		.eye_open {
			width: 20px;
			height: 13px;
		}
		.yazhengma {
			width: 17px;
			height: 15px;
			position: absolute;
		}
		.yanzhengbtn {
			background-color: #FFFFFF;
			width: 100px;
			height: 40px;
			font-size: 14px;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #386FFF;
			line-height: 40px;
			border-radius: 50px;
			letter-spacing: 1px;
			border: 1px solid #386FFF;
			margin-right: -15px;
			text-align: center;
			display: flex;
		}